@charset "utf-8";

img {
    vertical-align: middle;
    cursor: pointer;
}


.container {
    width: 660px;
    height: 500px;
    background-origin: pink;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin: 100px auto;
    border: 1px solid #000;
    padding: 10px;
}
.container .small-img-list {
    width: 150px;
    height: 100%;
    overflow-y: scroll;
}
.container .small-img-list > img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
    margin-bottom: 8px;
    transition: all .25s linear;
}
.container .big-img {
    width: 500px;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
}

.container .small-img-list > img.selected {
    border-color: orange;
}